/* 
用途：翻页插件函数

*/
var flipZindex = -1;
var nextFlipHeight;
var minFlipHeight = 10000;
var flipContainerId = '';

jQuery.fn.initFlip = function() {
    flipContainerId = $(this).attr("id");
    
    var innerHtml = '<div class="flip"><div class="content_tip"></div><div id="content"></div><div class="clear"></div></div><div class="flip child-flip"><div class="content_tip"></div><div id="child-flip_content"></div><div class="clear"></div></div>';
    $(this).html(innerHtml);
    $(this).find(".flip:first").css("z-index", 1).addClass("cur_flip");
}

//插件
jQuery.fn.flip = function() {
    $(this).css("height", "");
    $(this).find(".flip").css("height", ""); //初始化页面高度
    var $cur_flip = $(this).find(".cur_flip");
    var $next_flip = $(this).find(".flip").not(".cur_flip");
    $(this).css("height", $cur_flip.css("height")); //自适应页面高度
    nextFlipHeight = $next_flip.css("height");
    
    //得到两个页面的最小高度
    $(this).find(".flip").each(function() {
        if ($(this).height() < minFlipHeight) {
            minFlipHeight = $(this).height();
        }
    }); 
    $next_flip.css("height", minFlipHeight + "px"); //设置隐藏页面的高度
}

//翻页
// fn1 回调函数，parameter 回调函数参数
function flipEvents(fn1, parameter) {  
    var $cur_flip = $("#" + flipContainerId).find(".cur_flip");
    $("#" + flipContainerId).find(".flip").not(".cur_flip").addClass("cur_flip");   
    $cur_flip.removeClass("cur_flip").animate({
        left: "1005px",
        height: minFlipHeight + "px"
    }, 500, function() {
        $cur_flip.css("z-index", flipZindex--)
    }).animate({
        left: "0px"
    }, 500);

    //还原当前页面的高度为其本身高度
    $cur_flip1 = $("#" + flipContainerId).find(".cur_flip");    
    $cur_flip1.css("height", nextFlipHeight);
    $("#" + flipContainerId).css("height", nextFlipHeight); 
    nextFlipHeight = $cur_flip.css("height");
	
	//回调函数
	if(fn1!=null)
	{
	    if(parameter!=null)
	    {
	        fn1(parameter);
	    }else
	    {
	        fn1();
	    }
	}
}